import { Chart, useChart } from "@/components/chart";

// 横条如竹简排列，数据横向展开
const series = [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380];

export default function ChartBar() {
	const chartOptions = useChart({
		stroke: { show: false },
		plotOptions: {
			bar: { horizontal: true, barHeight: "30%" },
		},
		xaxis: {
			// 环球诸国数据览，横条展示各不同
			categories: ["意大利", "日本", "中国", "加拿大", "法国", "德国", "韩国", "荷兰", "美国", "英国"],
		},
	});

	return <Chart type="bar" series={[{ data: series }]} options={chartOptions} height={320} />;
}
